/* 
    Document   : stylesheet
    Created on : Mar 10, 2012, 3:07:05 AM
    Author     : Werdjinn
    Description:
        Purpose of the stylesheet follows.
*/

/*containers*/
*{ margin: 0 }

body{
	background-image: url('bg_4.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
}

h4{
	font-family: Calibri;
	font-size: 20px;
	padding-bottom: 5px;
	color: white;
}

h3{
	font-family: Calibri;
	font-size: 20px;
	padding-bottom: 5px;
	color: red;
}

header{
    padding: 10px;
}

footer{
    /*background-color: #000000;*/
    color: #black;
	background-image: url('bg_2.jpg');
    margin: 10px;
    border: solid 2px #ffffff;
    text-align: center;
    padding-top: 10px;
    font-size: 0.6em;
	border-top-left-radius: 10px 5px;
	border-bottom-right-radius: 10px 5px;
	border-top-right-radius: 10px 5px;
	border-bottom-left-radius: 10px 5px;	
}

div{
    overflow: hidden;
	color: white;
	font-family: Comic Sans MS;
	border-top-left-radius: 10% 10%;
	border-bottom-right-radius: 10% 10%;
	border-top-right-radius: 10% 10%;
}

td{
	width: 10%;
}

a{
}

p{
	font-family: Comic Sans Ms;
}

#td1{
	background-image: url('bg_1.jpg');
}

#nsong{
	width: 650px;
	padding: 5px;
	margin: 5px;
	float: left;
	display:inline-block;
	border: solid 2px;
	border-color: black;
	text-align: justify;
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}

#topten{
	width: 190px;
	padding: 7px;
	margin: 5px;
	float: right;
	display: inline-block;
}

#top10{
	border: solid 2px;
	border-color: black;
	padding: 10px;
	
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}

.image{
	float: left;
	width: 300px;
	padding-right: 10px;
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}

.tex{
	float: left;
	width: 320px;
	padding: 10px;
	background-color: white;
	color: black;
	opacity:0.5
}

ul{
	color: white;
}

#image{
	float: left;
	width: 400px;
	padding-right: 10px;
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
	opacity: 1.0;
}

#tex{
	float: left;
	width: 430px;
	padding: 10px;
	/*background-image: url('bg_1.jpg');*/
	background-color: white;
	color: black;
	opacity: 0.5;
}

#fsong{
	width: 650px;	
	padding: 5px;
	margin: 5px;
	border: solid 2px;
	border-color: black;
	text-align: justify;
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}

#products{
	width: 1000px;	
	padding: 5px;
	margin: 10px;
	text-align: justify;
	position: top;
}

#naa{
	width: 300px;
	float: left;
}

#fa{
	width: 250px;
	float: left;	
}

#hot{
	width: 250px;
	float: left;	
}

.head1{
	width: 100%;
	padding:5px;
}

.page{
    /*background-color: #ffffff;*/
    width: 920px;
    margin: 0 auto;
    /*padding: 0px;*/
}

#content{
	/*background-image: url('bg_3.jpg');
	background-attachment: fixed;*/
	border: 2px solid;
	border-color: black;
    min-height: 400px;
    padding: 10px 10px 10px 10px;
	/*background-image: url('bg_2.jpg');*/
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}

label{
	color:white;
}

#main{
	border-top-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	border-bottom-left-radius: 0px 0px;
}

#login{
    padding: 10px 10px 0px 0;
    float: left;
    width: 435px;
}

#register{
    padding: 10px 10px 0px 10px;
    margin-right: 10px;
    float: left;
    width: 418px;
    border-left: solid 1px;
}
/*end of container*/

/*positioning*/
.fltleft{ float: left; }
.fltright{ float: right; }
.clear{ clear: both; }

/*border*/
.border{ border: solid 1px;}

/*form*/
form ul { list-style-type: none; margin: 0px; color: white;}
label { width: 70px; display: inline-block;}
#register label, #editform label { width: 120px }
input,textarea { margin: 5px 0px 5px 0px;}
input[type="submit"],input[type="button"] { padding: 5px 10px;}
label.error { float: none; color: red; padding-left: 80px; vertical-align: top; width: 300px; display: block }
#regform label.error { padding-left: 130px;width: 300px; }
#editform label.error { padding-left: 130px; width: auto;}
div.error { color: red; }
em { font-weight: bold; color: #ff0000; }


.admin{
    margin: 5px;
    padding: 5px;
    border: solid 1px #bce8f1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.adminbutton{
    border: none;
    background: none;
}


button{ margin-top: -6px; }

/*misc*/
.displaynone{ display: none }
.inlinedisplay{ display: inline-block}
.displayblock{ display: block}
.zzzz label {color:black}